<template>
  <view class="task-flow">
    <view class="task-flow-item">
      <view class="task-flow-item-icon">
        <nut-icon class-prefix="icon" color="#fa0302" size="19" font-class-name="iconfont" name="mianfei1" />
      </view>
      <text class="task-flow-item-text">申领样品</text>
    </view>
    <nut-icon
      class="task-flow-tag"
      class-prefix="icon"
      color="#e0e0e0"
      font-class-name="iconfont"
      name="jiantou_yemian_xiangyou"
    />
    <view class="task-flow-item">
      <view class="task-flow-item-icon">
        <nut-icon class-prefix="icon" color="#fa0302" size="22" font-class-name="iconfont" name="fahuo" />
      </view>
      <text class="task-flow-item-text">审核发货</text>
    </view>
    <nut-icon
      class="task-flow-tag"
      class-prefix="icon"
      color="#e0e0e0"
      font-class-name="iconfont"
      name="jiantou_yemian_xiangyou"
    />
    <view class="task-flow-item">
      <view class="task-flow-item-icon">
        <nut-icon class-prefix="icon" color="#fa0302" size="19" font-class-name="iconfont" name="shouhuo" />
      </view>
      <text class="task-flow-item-text">达人收货</text>
    </view>
    <nut-icon
      class="task-flow-tag"
      class-prefix="icon"
      color="#e0e0e0"
      font-class-name="iconfont"
      name="jiantou_yemian_xiangyou"
    />
    <view class="task-flow-item">
      <view class="task-flow-item-icon">
        <nut-icon class-prefix="icon" color="#fa0302" size="19" font-class-name="iconfont" name="zhibo" />
      </view>
      <text class="task-flow-item-text">带货作业</text>
    </view>
    <nut-icon
      class="task-flow-tag"
      class-prefix="icon"
      color="#e0e0e0"
      font-class-name="iconfont"
      name="jiantou_yemian_xiangyou"
    />
    <view class="task-flow-item">
      <view class="task-flow-item-icon">
        <nut-icon class-prefix="icon" color="#fa0302" size="19" font-class-name="iconfont" name="yiwancheng1" />
      </view>
      <text class="task-flow-item-text">完成带货</text>
    </view>
  </view>
</template>

<script setup lang="ts">
import './index.less';
</script>

<style lang="less" scoped></style>
